<section class="carinfo clearfix">
    <div class="gutter-example">
        <div nz-row [nzGutter]="48">
            <div nz-col class="gutter-row" [nzSpan]="6" [nzOffset]="4">
                <div class="grid-config">
                    <p>车牌号码</p>
                    <p>{{carinfo.carNo}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="12">
                <div class="grid-config">
                    <p>录入日期</p>
                    <p>{{carinfo.createTime}}</p>

                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="6" [nzOffset]="4">
                <div class="grid-config">
                    <p>车辆类型</p>
                    <p>{{carinfo.carCategoryStr}}</p>

                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="12">
                <div class="grid-config">
                    <p>挂车</p>
                    <p>{{carinfo.isTrailerStr}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="6" [nzOffset]="4">
                <div class="grid-config">
                    <p>载重</p>
                    <p>{{carinfo.load}}</p>

                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="12">
                <div class="grid-config">
                    <p>类型</p>
                    <p>{{carinfo.carModelName}}</p>

                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="6" [nzOffset]="4">
                <div class="grid-config">
                    <p>公司</p>
                    <p>{{carinfo.logisticsCompanyName}}</p>

                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="12">
                <div class="grid-config">
                    <p>状态</p>
                    <p>{{carinfo.carStatusStr}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="6" [nzOffset]="4">
                <div class="grid-config">
                    <p>商业险</p>
                    <p>{{carinfo.commercialInsurance}}</p>

                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="24">
                <div class="grid-config">
                    <p>使用历史</p>
                    <div class="tablelist">
                        <nz-table #nzTable [nzTotal]="_total" [nzAjaxData]="data" [nzPageSize]="10" (nzPageIndexChange)="resetIndex($event)">
                            <thead nz-thead>
                                <tr>
                                    <th nz-th><span>序号</span></th>
                                    <th nz-th><span>司机姓名</span></th>
                                    <th nz-th><span>司机账号</span></th>
                                    <th nz-th><span>使用时间</span></th>
                                    <th nz-th><span>结束时间</span></th>
                                </tr>
                            </thead>
                            <tbody nz-tbody>
                                <tr nz-tbody-tr *ngFor="let data of nzTable.data;let i = index">
                                    <td nz-td>{{i+1}}</td>
                                    <td nz-td>{{data.driverName}}</td>
                                    <td nz-td>{{data.driverAccount}}</td>
                                    <td nz-td>{{data.carUseTime}}</td>
                                    <td nz-td>{{data.finishTime}}</td>
                                </tr>
                            </tbody>
                        </nz-table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>